<template>
  <el-row
    :gutter="0"
    style="margin-left: 0px; margin-right: 0px"
  >
    <el-col :span="8">
      <el-form-item label="产品名称：">
        <span>{{ datas?.productInfoDetail?.productPopularName }}</span>
      </el-form-item>
    </el-col>
    <el-col :span="8">
      <el-form-item label="生产厂家：">
        <span>{{ datas?.productInfoDetail?.producer }}</span>
      </el-form-item>
    </el-col>
    <el-col :span="8">
      <el-form-item label="包装规格：">
        <span>{{ datas?.productInfoDetail?.packSpecs }}</span>
      </el-form-item>
    </el-col>
    <el-col :span="8">
      <el-form-item label="终端价：">
        <span>{{ datas?.terminalPrice }}元</span>
        <span v-if="datas?.productInfoDetail?.sellUnit"> / {{ getLabel('sell_unit',datas?.productInfoDetail?.sellUnit) }}</span>
      </el-form-item>
    </el-col>
    <el-col :span="8">
      <el-form-item label="市场价：">
        <span>{{ datas?.productInfoDetail?.marketPrice }}元</span>
        <span v-if="datas?.productInfoDetail?.sellUnit"> / {{ getLabel('sell_unit',datas?.productInfoDetail?.sellUnit) }}</span>
      </el-form-item>
    </el-col>
    <el-col :span="8">
      <el-form-item label="准入模式：">
        <span>
          {{ getLabel('access_mode', datas?.accessMode) }}
        </span>
      </el-form-item>
    </el-col>
    <el-col :span="8">
      <el-form-item label="关联产品价格：">
        <span>{{ datas?.productPriceStrategyDetail?.priceNumber||'无' }}</span>
      </el-form-item>
    </el-col>
    <!--
    <el-col :span="8">
      <el-form-item label="关联营销规划：">
        <span>{{ datas?.planInfo?.planNo||'无' }}</span>
      </el-form-item>
    </el-col>
    -->
  </el-row>
</template>

<script>
import { toRefs } from 'vue'

export default {
  props: {
    datas: {
      type: Object,
      default: () => {},
    },
  },
  setup(props, context) {
    return {
      ...toRefs(props),
    }
  },
}
</script>

<style lang="scss" scoped>
</style>
